.AIStatisticsA01 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div:first-child {
		height: 220px !important;
		margin-bottom: 8px;
	}

	& > .list {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > div {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 8px 16px;
			position: relative;
			z-index: 1;

			&::after {
				content: "";
				position: absolute;
				left: 0;
				bottom: 10px;
				width: 100%;
				height: 12px;
				background: linear-gradient(
					90deg,
					rgba(146, 243, 255, 0.2),
					rgba(146, 243, 255, 0) 90%
				);
			}

			& > div:first-child {
				font-size: 22px;
				font-family: MicrosoftYaHei;
				font-weight: bold;
				color: #ffffff;
			}

			& > div:last-child {
				font-size: 30px;
				font-family: DIN Condensed;
				font-weight: bold;
				color: #ffffff;

				& > span {
					font-size: 22px;
					font-family: MicrosoftYaHei;
					font-weight: bold;
					color: #ffffff;
				}
			}
		}
	}
}

.AIStatisticsA02 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > .top {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		margin-bottom: 16px;

		& > div {
			width: 202px;
			height: 202px;
			position: relative;
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				display: block;
				z-index: -1;
			}

			& > div:nth-child(2) {
				line-height: 200px;
				font-size: 74px;
				font-family: MicrosoftYaHei;
				font-weight: bold;
			}

			& > div:nth-child(3) {
				font-size: 25px;
				font-family: MicrosoftYaHei;
				font-weight: bold;
			}
		}
	}

	& > .list {
		width: 100%;
		padding: 0 64px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > div {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 8px 16px;
			position: relative;
			z-index: 1;
			cursor: pointer;

			&::after {
				content: "";
				position: absolute;
				left: 0;
				bottom: 10px;
				width: 100%;
				height: 12px;
				background: linear-gradient(
					90deg,
					rgba(146, 243, 255, 0.2),
					rgba(146, 243, 255, 0) 90%
				);
			}

			& > div:first-child {
				font-size: 22px;
				font-family: MicrosoftYaHei;
				font-weight: bold;
				color: #ffffff;
			}

			& > div:last-child {
				font-size: 30px;
				font-family: DIN Condensed;
				font-weight: bold;
				color: #fffeb2;
			}
		}
	}
}

.AIStatisticsA03 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div {
		width: 100%;

		&.list {
			flex: 1;
			margin-bottom: 8px;
			overflow-y: scroll;

			& > div {
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 4px 0;

				& > img {
					width: 282px;
					height: 143px;
					object-fit: contain;
				}

				& > div {
					flex: 1;
					height: 143px;
					background: rgba(23, 127, 193, 1);
					padding: 16px;
					display: flex;
					align-items: flex-start;
					justify-content: space-around;
					flex-direction: column;

					& > div:first-child {
						font-size: 16px;
						font-family: ShuHeiTi;
						font-weight: bold;
						color: #ffbe60;
					}

					& > div:last-child {
						font-size: 14px;
						font-family: ShuHeiTi;
						font-weight: bold;
						color: #ffffff;
						line-height: 20px;
					}
				}
			}
		}

		&.more {
			display: flex;
			align-items: center;
			justify-content: center;

			& > div {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 80%;
				height: 40px;
				background: #177fc1;
				border-radius: 20px;
				border: 1px solid #90e1ff;
				font-size: 21px;
				font-family: YouSheBiaoTiHei;
				color: #ffffff;
			}
		}
	}
}
